// 组件写法

import App from "@/App"
import Home from '@/view/Home'
import About from '@/view/Page3p1'
import { BrowserRouter, Routes, Route, Navigate } from "react-router-dom"
// 两种路由模式 BrowserRouter ( history模式 ) ， HashRouter ( Hash模式 )

const baseRouter = () => (
  <BrowserRouter>
    <Routes>
      <Route path="/" element={<App />}>
        {/* 配置 用户访问 / 的时候, 重定向到 /home 路径 */}
        <Route path="/" element={<Navigate to="/home" />}></Route>
        <Route path="/home" element={<Home />}></Route>
        <Route path="/about" element={<About />}></Route>
      </Route>
    </Routes>
  </BrowserRouter>
);

export default baseRouter